<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	template="/layout/layout.xhtml">

	<ui:define name="content">
		<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript" ></script>
		<h:form id="form">
			<p:gmap center="48.083333,-1.683333" zoom="8" type="ROADMAP"
				model="#{localiseClienteControler.mapModel}" style="width:99%;height:600px;">

		        <p:ajax event="overlaySelect" listener="#{localiseClienteControler.onMarkerSelect}" />
		
		        <p:gmapInfoWindow>
		            <p:outputPanel style="text-align:center;display:block;margin:auto:">
		                    <br />
		                    <h:outputText value="#{localiseClienteControler.marker.title}" />
		            </p:outputPanel>
		
		        </p:gmapInfoWindow>
		    </p:gmap>
		</h:form>
	</ui:define>

</ui:composition>